<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">
            <h:form id="agenteForm" enctype="multipart/form-data">
                <br/>
                <h3 class="title">Atualizar Profissional</h3>
                <p:growl id="messages" showDetail="true" autoUpdate="true"  /> 
                <!--                <p:panel id="personPanel" style="background: none; border: none;" 
                                         styleClass="container_24 clearfix both ">-->
                <p:panel id="personPanel" style="background: none; border: none;" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Dados Gerais</h4>
                    <p:outputLabel value="Nome :" styleClass="grid_3" for="nomeInputText" />
                    <p:inputText id="nomeInputText" styleClass="grid_19" required="true" requiredMessage="O Campo nome é Obrigatório" 
                                 value="#{ managerEditarProfissional.profissionalEditar.nome }" />
                    <p:outputLabel value="CNES :" styleClass="grid_3" for="cnesInputText" />
                    <p:inputText id="cnesInputText" styleClass="grid_8" required="true" requiredMessage="O Campo cnes é Obrigatório" 
                                 value="#{ managerEditarProfissional.profissionalEditar.codigoCNES }" />
                    <div class="clear"/>
                    <p:outputLabel value="Cartão SUS :" styleClass="grid_3" for="susInputText" />
                    <p:inputText id="susInputText" styleClass="grid_8" required="true" requiredMessage="O Campo Cartão SUS é Obrigatório" 
                                 value="#{ managerEditarProfissional.profissionalEditar.numeroCartaoSus }" />
                    <div class="clear"/>

                    <p:outputLabel value="Tipo Profissional:" styleClass="grid_3" for="tipoOneMenu" />
                    <div class="grid_8">
                        <p:selectOneMenu id="tipoOneMenu" 
                                         value="#{ managerEditarProfissional.profissionalEditar.tipoProfissional }" >
                            <f:selectItems value="#{ managerEditarProfissional.tipoProfissional() }" />
                        </p:selectOneMenu>
                    </div>
                    <div class="clear"/>
                    <p:panel id="dadosPanel" style="background: none; border: none; padding: 0px;" 
                             styleClass="container_24 clearfix both ">

                        <p:panel rendered="#{managerEditarProfissional.profissionalEditar.tipoProfissional eq 'AGENTE_SAUDE'}" id="microPanel" style="background: none; border: none;"  
                                 styleClass="container_24 clearfix both">
                            <h4 class="title">Dados Micro Área</h4>
                            <p:outputLabel value="Micro Área :" styleClass="grid_3" for="tipoOneMenuMicro" />
                            <div class="grid_19">
                                <p:selectOneMenu 
                                    value="#{managerEditarProfissional.profissionalEditar.microArea}" id="tipoOneMenuMicro" 
                                    converter="microareaconverter" >  
                                    <f:selectItem  itemValue="" itemLabel=""/>
                                    <f:selectItems value="#{managerEditarProfissional.todasMicroArea()}" var="p" 
                                                   itemLabel="#{p.nome} - #{p.unidade.nome}" itemValue="#{p}"/>  

                                </p:selectOneMenu> 
                            </div>

                        </p:panel>

                    </p:panel>  

                </p:panel>  
                <p:panel id="docPanel" style="background: none; border: none;" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Documentos Pessoais</h4>
                    <p:outputLabel value="Cpf:" styleClass="grid_3" for="cpfInputText" />
                    <p:inputMask mask="999.999.999-99" id="cpfInputText" styleClass="grid_8" 
                                 value="#{ managerEditarProfissional.profissionalEditar.cpf }" />
                    <p:outputLabel value="Data Nasc.:" styleClass="grid_3 dataNascLabelImovel" for="dataNascCalendar" 
                                   />
                    <p:calendar id="dataNascCalendar" styleClass="grid_8"
                                showOn="both" locale="pt" yearRange="1900:2020" 
                                navigator="true" pattern="dd/MM/yyyy"
                                value="#{ managerEditarProfissional.profissionalEditar.dataNascimento }"/>
                    <p:outputLabel value="Rg:" styleClass="grid_3" for="rgInputText" />
                    <p:inputText  id="rgInputText" styleClass="grid_8" 
                                  value="#{ managerEditarProfissional.profissionalEditar.rg }" />
                    <p:outputLabel value="O. Emissor:" styleClass="grid_3" for="emissorInputText" />
                    <p:inputText  id="emissorInputText" styleClass="grid_8" 
                                  value="#{ managerEditarProfissional.profissionalEditar.orgaoEmissor }" />
                    <p:outputLabel value="PisPasep :" styleClass="grid_3" for="pisInputText" />
                    <p:inputText  id="pisInputText" styleClass="grid_8" 
                                  value="#{ managerEditarProfissional.profissionalEditar.pisPasep }" />
                    <p:outputLabel value="Nacionalidade:" styleClass="grid_3" for="nacionalidadeOneMenu" />
                    <div class="grid_8">
                        <p:selectOneMenu id="nacionalidadeOneMenu" 
                                         value="#{ managerEditarProfissional.profissionalEditar.nacionalidade}" >
                            <f:selectItems value="#{ managerEditarProfissional.nacionalidade()}" />
                        </p:selectOneMenu>
                    </div>

                </p:panel>
                <p:panel id="enderecoPanel" style="background: none; border: none;" 
                         styleClass="container_24 clearfix both ">
                    <h4 class="title">Dados Endereço</h4>

                    <p:outputLabel value="CEP:" styleClass="grid_3" for="cepInputMask" />
                    <p:inputMask id="cepInputMask" styleClass="grid_4" mask="99.999-999" autocomplete="false" 
                                 value="#{ managerEditarProfissional.profissionalEditar.endereco.cep}"
                                 >
                        <p:ajax event="blur" process="@this" update=":agenteForm:enderecoPanel"
                                listener="#{ managerEditarProfissional.existeEndereco()}" />
                    </p:inputMask>
                    <p:outputLabel value="* CEP Inválido ( Informe o Logradouro, Bairro, Número )" rendered="#{managerCriarProfissional.mensagemCep}" style="color: red; float: left"  />
                    <div class="clear"/>
                    <p:outputLabel value="Logradouro:" styleClass="grid_3 logradouroLabelImovel" for="patioInputText" />
                    <p:inputText id="patioInputText" styleClass="grid_19" 
                                 readonly="#{managerEditarProfissional.disableEnderecoImovel}"

                                 required="true" requiredMessage="O campo Logradouro é Obrigatório"
                                 value="#{managerEditarProfissional.profissionalEditar.endereco.logradouro}" />
                    <div class="clear"/>
                    <p:outputLabel value="Bairro:" styleClass="grid_3" for="neighborhoodInputText" />
                    <p:inputText id="neighborhoodInputText" styleClass="grid_19"
                                 required="true" requiredMessage="O campo bairro é Obrigatório"
                                 readonly="#{managerEditarProfissional.disableEnderecoImovel}"
                                 value="#{managerEditarProfissional.profissionalEditar.endereco.bairro.nome}" />

                    <p:outputLabel value="Número:" styleClass="grid_3" for="numInputText" />
                    <p:inputText id="numInputText" styleClass="grid_4"
                                 value="#{managerEditarProfissional.profissionalEditar.endereco.numero}"
                                 />

                    <p:outputLabel value="Complemento:" styleClass="grid_5 alpha" for="compInputText" />
                    <p:inputText id="compInputText" styleClass="grid_10"
                                 value="#{managerEditarProfissional.profissionalEditar.endereco.complemento}"
                                 />

                </p:panel>

                <br/>
                <div class="buttonAction">
                    <p:commandButton value="Salvar" icon="ui-icon-disk"
                                     update="@form" 
                                     actionListener="#{managerEditarProfissional.atualizar()}"
                                     styleClass="ui-priority-primary" />

                    <p:button href="pesquisarprofissional.xhtml" value="Cancelar"  icon="ui-icon-trash" />
                </div >
            </h:form>
        </ui:define>
    </ui:composition>

</html>
